<div class="container">
  <volist name="data" id="it">
    <div class="col-6 col-sm-6 col-lg-4">
      <p class="text-center nowrap">
      <a href="{:U('movie/'.$it['id'])}"><b>{$it.title}</b></a>
      </p>
      <p class="text-center">
        <a href="{:U('movie/'.$it['id'])}">
          <img class="img-thumbnail" <notempty name="it.poster"> src="{$it.poster}" <else/> data-src="holder.js/160x210" </notempty> alt="{$it.poster}" style="width:160px;height:210px;"/>
        </a>
      </p>
      <p class="text-center">
        <a class="btn btn-default" href="{:U('movie/'.$it['id'])}" role="button">View details &raquo;</a>
      </p>
    </div>
  </volist>
</div>
